<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>查询数据表中数据</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../style/index.css" />
    <link rel="stylesheet" href="../../../yl/style.css" />
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
</head>

<body>
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar">
                <div class="m-title">查询房型信息</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px;display: flex;flex-direction: column;">
            <div class="yl-main" style="padding-top: 20px;">
                <div style="display: flex;margin-bottom: 10px;" >
                    <el-image v-cloak :src="photo + dataForm.Logo_URL" fit="contain" style="border: 1px solid #ebeef5; width: 181px; height: 181px; margin-right: 10px; flex-shrink: 0;"></el-image>
                    <el-descriptions style="width: 100%;" :column="3" size="large" border>
                        <el-descriptions-item>
                          <template #label>
                            <div class="cell-item">商户名称</div>
                          </template>
                          <el-input disabled v-model="dataForm.Merchant_Name" class="borderless-input" placeholder="请输入商户名称" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                          <template #label>
                            <div class="cell-item">法人代表</div>
                          </template>
                          <el-input disabled v-model="dataForm.Legal_Person" class="borderless-input" placeholder="请输入法人代表" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                          <template #label>
                            <div class="cell-item">联系电话</div>
                          </template>
                          <el-input disabled v-model="dataForm.Contact_Phone" class="borderless-input" placeholder="请输入联系电话" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                          <template #label>
                            <div class="cell-item">营业执照编号</div>
                          </template>
                          <el-input disabled v-model="dataForm.Business_License" class="borderless-input" placeholder="请输入营业执照编号" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                              <div class="cell-item">注册日期</div>
                            </template>
                            <el-form-item prop="Register_Date" :rules="[{ required: true, message: '请选择注册日期', trigger: 'change' }]">
                              <el-date-picker disabled v-model="dataForm.Register_Date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
                                class="borderless-input" type="date" placeholder="请选择注册日期" size="large"></el-date-picker>
                            </el-form-item>
                        </el-descriptions-item>
                        <el-descriptions-item>
                          <template #label>
                            <div class="cell-item">商户所在位置坐标</div>
                          </template>
                          <el-input disabled v-model="dataForm.Merchant_Coords"
                              class="borderless-input" placeholder="请输入商户所在位置坐标" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                              <div class="cell-item">商铺地址</div>
                            </template>
                            <el-input disabled v-model="dataForm.Merchant_Address" class="borderless-input"
                                placeholder="请输入商铺地址" />
                          </el-descriptions-item>
                    </el-descriptions>
                </div>
                
                <el-tabs type="border-card" style="height: 100%;" v-model="activeName" @tab-click="getList">
                    <el-tab-pane :label="item.Merchant_Alias + '(' + item.Merchant_Category + ')' " :name="item.Merchant_Mapping_Blue_Plate_SerialNumber" style="height: 100%;" v-for="(item,index) in Category" :key="index">
                        <el-table tooltip-effect="dark" border v-loading="loading" :data="tableData" style="border-bottom: 1px solid #ebeef5;" height="100%">
                            <el-table-column width="60" align="center" type="index" label="序号"></el-table-column>
                            <el-table-column prop="Room_Type_Name" show-overflow-tooltip label="房型名称" min-width="180"></el-table-column>
                            <el-table-column prop="Room_Area_Size" show-overflow-tooltip label="房间面积" min-width="180"></el-table-column>
                            <el-table-column prop="Room_Layer" show-overflow-tooltip label="房间层数" min-width="180"></el-table-column>
                            <el-table-column prop="Room_Quantity" show-overflow-tooltip label="房型的房间数量" min-width="180"></el-table-column>
                            <el-table-column prop="Max_Occupancy" show-overflow-tooltip label="最大入住人数" min-width="180"></el-table-column>
                            <el-table-column prop="Bed_Config" show-overflow-tooltip label="床型配置" min-width="180"></el-table-column>
                            <el-table-column prop="Window_Type" show-overflow-tooltip label="窗户类型" min-width="180"></el-table-column>
                            <el-table-column prop="Room_Description" show-overflow-tooltip label="房型描述" min-width="180"></el-table-column>
                            <el-table-column prop="Base_Price" show-overflow-tooltip label="基础价格" min-width="180"></el-table-column>
                            <el-table-column prop="Is_Breakfast" show-overflow-tooltip label="是否含早餐" min-width="180">
                                <template v-slot="{row}">
                                    {{row.Is_Breakfast == '0' ? '否' : '是'}}
                                </template>
                            </el-table-column>
                            <el-table-column prop="Is_Wifi" show-overflow-tooltip label="是否有WIFI" min-width="180">
                                <template v-slot="{row}">
                                    {{row.Is_Wifi == '0' ? '否' : '是'}}
                                </template>
                            </el-table-column>
                            <el-table-column prop="Is_Partial_Smoking_Ban" show-overflow-tooltip label="是否禁烟" min-width="180">
                                <template v-slot="{row}">
                                    {{row.Is_Partial_Smoking_Ban == '0' ? '否' : '是'}}
                                </template>
                            </el-table-column>
                            <el-table-column label="操作" fixed="right" width="140">
                                <template #header="{row}">
                                    <div style="width: 100%; display: flex; padding-right: 5px; justify-content: space-between;">
                                        <span>操作</span>
                                        <el-button type="primary" size="small" @click="handleAdd">新增</el-button>
                                    </div>
                                </template>
                                <template #default="{row}">
                                    <div style="display: flex; align-items: center;">
                                        <el-button size="small" @click="handleEdit(row)">
                                            编辑
                                        </el-button>
                                        <el-button size="small" type="danger" @click="handleDelete(row)">
                                            删除
                                        </el-button>
                                    </div>
                                </template>
                            </el-table-column>
                        </el-table>
                    </el-tab-pane>
                </el-tabs>
            </div>
        </div>
        <footer class="botton-ann">
            <el-button @click="reset">刷新</el-button>
            <el-button @click="goBack">返回</el-button>
        </footer>
    </div>
</body>
<script src="../../../utils/utils.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/show.js"></script>

</html>